/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #0a0a0a;   // 主题色 深黑
$--color-success: #00cc77;   // 霓虹绿，极高亮度
$--color-warning: #e6a800;   // 霓虹黄偏橙，高饱和
$--color-danger:  #ff2e63;   // 霓虹玫红，强烈警示
// $--color-info: #1E1E1E;

// message
// Success
$--color-success-light: #00cc7740;   // 半透明背景
$--color-success-hover: #00e689;
$--color-success-active: #00cc77;

// Warning
$--color-warning-light: #e6a80040;
$--color-warning-hover: #ffb300;
$--color-warning-active: #e6a800;

// Danger
$--color-danger-light: #ff2e6340;
$--color-danger-hover: #ff1f57;
$--color-danger-active: #e61c50;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

$--border-color-light: #E2E8F0;
$--border-color-lighter: #e6ebf5;

$--table-border: 1px solid #dfe6ec;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
